<script setup>

</script>

<template>
  <!-- 即将上映区域 -->
  <div class="soonMovie">
    <h2 class="soonTitle">
      即将上映（120）
      <a href="#">全部
        <img src=""
             alt="" /></a>
    </h2>
    <div class="movies">
      <div class="one fudiv">
        <div class="movie">
          <img src="/img/movie10.png" alt="" />
          <em class="movieName">长津湖之水门桥</em>
          <div class="soon movieBck">
            <p class="wantSee">1145545人想看</p>
            <p class="notice">预告片</p>
            <a href="#">预售</a>
          </div>
          <div class="bigLable"></div>
          <p class="startMovie">7月1日上映</p>
        </div>
        <div class="movie">
          <img src="/img/movie10.png" alt="" />
          <em class="movieName">长津湖之水门桥</em>
          <div class="soon movieBck">
            <p class="wantSee">1145545人想看</p>
            <p class="notice">预告片</p>
            <a href="#">预售</a>
          </div>
          <div class="bigLable"></div>
          <p class="startMovie">7月1日上映</p>
        </div>
        <div class="movie">
          <img src="/img/movie10.png" alt="" />
          <em class="movieName">长津湖之水门桥</em>
          <div class="soon movieBck">
            <p class="wantSee">1145545人想看</p>
            <p class="notice">预告片</p>
            <a href="#">预售</a>
          </div>
          <div class="bigLable"></div>
          <p class="startMovie">7月1日上映</p>
        </div>
        <div class="movie clearmgright">
          <img src="/img/movie10.png" alt="" />
          <em class="movieName">长津湖之水门桥</em>
          <div class="soon movieBck">
            <p class="wantSee">1145545人想看</p>
            <p class="notice">预告片</p>
            <a href="#">预售</a>
          </div>
          <div class="bigLable"></div>
          <p class="startMovie">7月1日上映</p>
        </div>
      </div>
      <div class="two fudiv">
        <div class="movie">
          <img src="/img/movie10.png" alt="" />
          <em class="movieName">长津湖之水门桥</em>
          <div class="soon movieBck">
            <p class="wantSee">1145545人想看</p>
            <p class="notice">预告片</p>
            <a href="#">预售</a>
          </div>
          <div class="smallLable"></div>
          <p class="startMovie">7月1日上映</p>
        </div>
        <div class="movie">
          <img src="/img/movie10.png" alt="" />
          <em class="movieName">长津湖之水门桥</em>
          <div class="soon movieBck">
            <p class="wantSee">1145545人想看</p>
            <p class="notice">预告片</p>
            <a href="#">预售</a>
          </div>
          <div class="smallLable"></div>
          <p class="startMovie">7月1日上映</p>
        </div>
        <div class="movie">
          <img src="/img/movie10.png" alt="" />
          <em class="movieName">长津湖之水门桥</em>
          <div class="soon movieBck">
            <p class="wantSee">1145545人想看</p>
            <p class="notice">预告片</p>
            <a href="#">预售</a>
          </div>
          <div class="smallLable"></div>
          <p class="startMovie">7月1日上映</p>
        </div>
        <div class="movie clearmgright">
          <img src="/img/movie10.png" alt="" />
          <em class="movieName">长津湖之水门桥</em>
          <div class="soon movieBck">
            <p class="wantSee">1145545人想看</p>
            <p class="notice">预告片</p>
            <a href="#">预售</a>
          </div>
          <div class="smallLable"></div>
          <p class="startMovie">7月1日上映</p>
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped>

</style>